<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="css/style.css"/>       
        <link href="assets/css/codemirror.css" rel="stylesheet">
        <link rel="stylesheet" href="assets/css/ace.min.css" />
        <link rel="stylesheet" href="font/css/font-awesome.min.css" />
        <!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
		<script src="js/jquery-1.9.1.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/typeahead-bs2.min.js"></script>  	         	
        <script src="assets/layer/layer.js" type="text/javascript" ></script>          
        <script src="assets/laydate/laydate.js" type="text/javascript"></script>
        <script src="js/H-ui.js" type="text/javascript"></script>
<title>员工账号购买</title>

</head>
<body>
<div class="type_style">
  <div class="type_content">
  <form action="" method="post" class="form form-horizontal" id="form-article-add">
  		<div class=" clearfix cl">
         <label class="form-label col-2">购买类型：</label>
		 	<div class="formControls col-8" style="margin-top:5px;">
	 		<span style="font-size:14px;">普通购买</span><input type="radio" class="input-radio" name="field＿name" onClick="aCheck1()"checked value="1" style="margin:5px;"> 
			<span style="font-size:14px;">套餐购买</span><input type="radio" class="input-radio" name="field＿name"  onclick="bCheck2()" value="2"  > 
			</div>
		</div>
	

<span id="span1" style="display:block">
		<div class=" clearfix cl">
         <label class="form-label col-2">账号单价：</label>
	     <div class="formControls col-8"><input type="text" class="input-text" value="￥5.00/天" placeholder="" id="" name="" readonly="readonly"></div>
		</div>
		
		<div class=" clearfix cl">
         <label class="form-label col-2">购买数量：</label>
	     <div class="formControls col-8"><input type="text" class="input-text" value="10" placeholder="" id="" name=""></div>
		</div>
		<div class=" clearfix cl">
         <label class="form-label col-2"><span class="lbl">使用期限：</span></label>
	     <div class="formControls col-8" >
			 <span class="date_Select">
        <em class="laydate-icon" id="start" style="width:160px;  padding-left:5px; margin-right:10px; display:block; float:left"></em>
        <em style="display:block; float:left;margin-right:10px;">至</em>
        <em class="laydate-icon" id="end" style="width:160px; padding-left:5px; display:block ;float:left"></em>
        </span>
		</div>
		</div>
		
		<div class=" clearfix cl" >
         <label class="form-label col-2">支付方式：</label>
	     <div class="formControls col-8">
		 	<select class="select"  id="band1">
					<option>请选择支付方式</option>
					<option value="1" >银联卡支付</option>
				</select>
		 </div>
		  </div>
		 <!--添加银行-->
		<div id="add_bankstyle1" style=" display:none;width:640px;margin-left:100px;">
		<div class="prompt" style="border:1px solid #dddddd;margin:15px;padding:10px;margin-bottom:10px;">请确保你开通了该银行的付款业务，如果未开通，可能造成用户付款失败。</div>
		  <div class="add_bank_list margin clearfix">
		   <ul>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black6.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black7.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black8.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black9.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black10.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black11.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black12.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black13.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black14.png" width="160px;"/></span></label></li>
				 
		   </ul>
		  </div>
		</div>
		<div class="clearfix cl">
			<label class="form-label col-2">消费金额：</label>
			<div class="formControls col-8">
				<input type="text" class="input-text" value="￥50.00" placeholder="" id="" name=""  readonly="readonly">
			</div>
		</div>
		
		<div class="clearfix cl">
			<div class="Button_operation">
				<a href="Brand_Manage.html" id="add_page"  class="btn btn-primary radius"><i class="icon-save "></i>确认购买</a>
				<button onClick="layer_close();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
			</div>
		</div>


</span>

<span id="span2" style="display:none">

		<div class=" clearfix cl">
         <label class="form-label col-2">套餐种类：</label>
	     <div class="formControls col-8">
		 	<select class="select">
					<option value="1">A类套餐</option>
					<option value="2">B类套餐</option>
					<option value="3">C类套餐</option>
					<option value="4">D类套餐</option>
				</select>
		 </div>
		</div>
		<div class=" clearfix cl">
         <label class="form-label col-2">账号单价：</label>
	     <div class="formControls col-8"><input type="text" class="input-text" value="￥4.50/天" placeholder="" id="" name="" readonly="readonly"></div>
		</div>
		<div class=" clearfix cl">
         <label class="form-label col-2">使用期限：</label>
	     <div class="formControls col-8"><input type="text" class="input-text" value="一年" placeholder="" id="" name="" readonly="readonly"></div>
		</div>
		<div class=" clearfix cl">
         <label class="form-label col-2">购买数量：</label>
	     <div class="formControls col-8"><input type="text" class="input-text" value="10" placeholder="" id="" name=""></div>
		</div>
		<div class=" clearfix cl" >
         <label class="form-label col-2">支付方式：</label>
	     <div class="formControls col-8">
		 	<select class="select"  id="band2">
					<option>请选择支付方式</option>
					<option value="1">银联卡支付</option>
				</select>
		 </div>
		  </div>
		 <!--添加银行-->
		<div id="add_bankstyle2" style=" display:none;width:640px;margin-left:100px;">
		<div class="prompt" style="border:1px solid #dddddd;margin:15px;padding:10px;margin-bottom:10px;">请确保你开通了该银行的付款业务，如果未开通，可能造成用户付款失败。</div>
		  <div class="add_bank_list margin">
		   <ul>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black6.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black7.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black8.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black9.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black10.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black11.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black12.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black13.png" width="160px;"/></span></label></li>
				 <li style="width:200px;float:left;margin-bottom:10px;"><label><input name="form-field-checkbox" type="radio" class="ace"><span class="lbl"><img src="products/black/black14.png" width="160px;"/></span></label></li>
		   </ul>
		  </div>
		</div>
		<div class="clearfix cl">
			<label class="form-label col-2">消费金额：</label>
			<div class="formControls col-8">
				<input type="text" class="input-text" value="￥45.00" placeholder="" id="" name=""  readonly="readonly">
			</div>
		</div>
		
		<div class="clearfix cl">
			<div class="Button_operation">
				<a href="Brand_Manage.html" id="add_page"  class="btn btn-primary radius"><i class="icon-save "></i>确认购买</a>
				<button onClick="layer_close();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
			</div>
		</div>
</span> 

	</form>
  </div>
</div> 
</div>
	
<script type="text/javascript">

	
/**日期选择**/
var start = {
    elem: '#start',
    format: 'YYYY/MM/DD',
    min: laydate.now(), //设定最小日期为当前日期
    max: '2099-06-16', //最大日期
    istime: true,
    istoday: false,
    choose: function(datas){
         end.min = datas; //开始日选好后，重置结束日的最小日期
         end.start = datas //将结束日的初始值设定为开始日
    }
};
var end = {
    elem: '#end',
    format: 'YYYY/MM/DD',
    min: laydate.now(),
    max: '2099-06-16 ',
    istime: true,
    istoday: false,
    choose: function(datas){
        start.max = datas; //结束日选好后，重置开始日的最大日期
    }
};
laydate(start);
laydate(end);

function aCheck1(){

document.getElementById("span1").style.display="block";

document.getElementById("span2").style.display="none";

}

function bCheck2(){

document.getElementById("span1").style.display="none";   

document.getElementById("span2").style.display="block";

}   
$("#band1").change(function(){
document.getElementById("add_bankstyle1").style.display="block";   
});
$("#band2").change(function(){
document.getElementById("add_bankstyle2").style.display="block";   
});

//初始化宽度、高度  
 $(".widget-box").height($(window).height()-215); 
$(".table_menu_list").width($(window).width()-260);
 $(".table_menu_list").height($(window).height()-215);
  //当文档窗口发生改变时 触发  
    $(window).resize(function(){
	$(".widget-box").height($(window).height()-215);
	 $(".table_menu_list").width($(window).width()-260);
	  $(".table_menu_list").height($(window).height()-215);
	})
/*$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});

	$("#form-user-add").Validform({
		tiptype:2,
		callback:function(form){
			form[0].submit();
			var index = parent.layer.getFrameIndex(window.name);
			parent.$('.btn-refresh').click();
			parent.layer.close(index);
		}
	});
});
*/	
//面包屑返回值
var index = parent.layer.getFrameIndex(window.name);
parent.layer.iframeAuto(index);
$('.Order_form').on('click', function(){
	var cname = $(this).attr("title");
	var chref = $(this).attr("href");
	var cnames = parent.$('.Current_page').html();
	var herf = parent.$("#iframe").attr("src");
    parent.$('#parentIframe').html(cname);
    parent.$('#iframe').attr("src",chref).ready();;
	parent.$('#parentIframe').css("display","inline-block");
	parent.$('.Current_page').attr({"name":herf,"href":"javascript:void(0)"}).css({"color":"#4c8fbd","cursor":"pointer"});
	//parent.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+" class='iframeurl'>" + cnames + "</a>");
    parent.layer.close(index);
	
});

</script>
</body>
</html>